<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆购物车</title>
    <!--jq引入-->
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/strOper.js"></script>
    <!--样式引入-->
    <link rel="stylesheet" href="../css/shopCart.css"/>
    <!--头部样式引用-->
    <link rel="stylesheet" href="../css/header.css"/>
    <!--引入头部和页脚文件-->
    <script>
        $(function(){
            $("#yinru").load("footer.html");
        });
    </script>
</head>
<body>
<!--头部-->
<div id="header_back">
    <div id="header">
        <div class="shoucang">
            <span class="iconfont span1">&#xe60e;</span>
            <a href="#">收藏丽子</a>
        </div>
        <div class="help">
            <a href="#">帮助中心</a>
        </div>
        <div class="guanzhu">
            <a class="gz" href="#">关注我们</a>
            <span class="iconfont">&#xe64d;</span>
            <div class="guanzhu-bg">
                <div class="list">
                    <a>
                        <img src="../images/gz-weibo.jpg"/>
                    </a>
                </div>
            </div>
        </div>
        <div class="denglu">
            <a href="#">登陆</a><span> | </span>
            <a href="#">免费注册</a>
        </div>
    </div>
</div>
<!--logo-->
<div id="shopHeader_back">
    <div id="shopHeader">
        <div class="logoFl">
            <a href="#"><img src="../images/logo-lizi.png"></a>
            <h2>购物车</h2>
        </div>
        <div class="logoRg">
            <div class="pageStep">
                <div class="pageStep1"></div>
            </div>
        </div>
    </div>
</div>
<!--内容-->
<div id="content_back">
    <div id="content">
        <div class="itemTab">
            <a class="current" href="">全部商品<span>(1)</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</span></a>
            <a href="">优惠商品<span>(1)</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</span></a>
            <a href="">库存紧张<span>(1)</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</span></a>
        </div>
        <div class="cartList">
            <table id="table" border="1" cellspacing="0" cellpadding="0" class="hide">
                <thead>
                <tr>
                    <th>
                        <input type="checkbox"  id="allCheck" class="ck" />全选
                    </th>
                    <th>
                        图片
                    </th>
                    <th>
                        描述
                    </th>
                    <th>
                        数量
                    </th>
                    <th>
                        单价
                    </th>
                    <th>
                        小计
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody id="tbody">
                <!--<tr>-->
                     <!--<td>-->
                         <!--<input type="checkbox" class="ck"  />-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--<img src="../images/p1.jpg" alt="" />-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--酷黑，棒棒棒棒-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--<button class="down">-</button><input type="text" value="1" readonly="readonly" /><button class="up">+</button>-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--￥<span>111</span>-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--￥<span>111</span>-->
                     <!--</td>-->
                     <!--<td>-->
                         <!--<button class="del"  >删除</button>-->
                     <!--</td>-->
                    <!--</tr>-->

                </tbody>
            </table>
            <h2 id="h2" class="">总价格：￥<span id="totalPrice">0</span></h2>

            <!--<div class="cart-th">-->
                <!--<ul>-->
                    <!--<li class="checkbox">-->
                        <!--<span class="ckBg">-->
                            <!--<img src="../images/checkbox-ico.png">-->
                        <!--</span>-->
                        <!--<b>全选</b>-->
                    <!--</li>-->
                    <!--<li class="th-item">商品</li>-->
                    <!--<li class="th-info">商品信息</li>-->
                    <!--<li class="th-price">单价</li>-->
                    <!--<li class="th-num">数量</li>-->
                    <!--<li class="th-sum">小计</li>-->
                    <!--<li class="th-op">操作</li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div class="shopList">-->
                <!--<div class="shopLine">-->
                    <!--<div class="shopItems">-->
                        <!--<ul>-->
                            <!--<li class="td-chck">-->
                                <!--<span>-->
                                    <!--<img src="../images/checkbox-ico.png">-->
                                <!--</span>-->
                            <!--</li>-->
                            <!--<li class="td-item"></li>-->
                            <!--<li class="td-info"></li>-->
                            <!--<li class="td-price"></li>-->
                            <!--<li class="td-num"></li>-->
                            <!--<li class="td-sum"></li>-->
                            <!--<li class="td-op"></li>-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>


<!--js引入-->

<script src="../js/shopCart.js"></script>
</body>
</html>